<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>好琴声</title>
	<base target=_blank>
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
	<link rel="stylesheet" type="text/css" href="css/luntan.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	
</head>
<body>
<!-- ······························头部结构····································· -->

	<div class="headerWrap">
	<!-- 顶部结构······················································ -->
		<div class="head clearfix">
			<div class="huanying">
				<p>天道酬勤，欢迎来到好琴声!</p>
			</div>
			<div class="h1">
				<a href="javascript:;">
					<h1>好琴声</h1>
				</a>
			</div>
			<div class="fanti">
				<a href="javascript:;">繁体</a>
			</div>
			<div class="erWeiMa">
				<div class="erWeiMaImg">
					<img src="images/foot_app.jpg" alt="">
				</div>
				<h2>扫一扫下载APP</h2>
			</div>
			<div class="denglu clearfix">
				<div class="dengLeft">
					<ul class="clearfix">
						<li><a href="javascript:;">个人中心</a></li>
						<li>丨</li>
						<li><a href="javascript:;">登录</a></li>
						<li>丨</li>
						<li><a href="javascript:;">注册</a></li>
					</ul>
				</div>
				<div class="dengRight">
					<a href="javascript:;">
						<img src="images/ad1.jpg" height="70" width="150" alt="">
					</a>
				</div>
			</div>
		</div>
	<!-- 顶部结构结束······················································ -->

	<!-- 导航结构···························································· -->
		<div class="navwrap">
			<div class="nav">
				<ul class="clearfix">
					<li><a href="javascript:;">音乐广场</a></li>
					<li><a href="javascript:;">音乐资讯</a></li>
					<li><a href="javascript:;">音乐名人</a></li>
					<li><a href="javascript:;">音乐老师</a></li>
					<li><a href="javascript:;">音乐教室</a></li>
					<li><a href="javascript:;">音乐乐团</a></li>
					<li><a href="javascript:;">音乐海选</a></li>
					<li><a href="javascript:;">音乐乐谱</a></li>
					<li><a href="javascript:;">音乐百科</a></li>
					<li><a href="javascript:;">音乐电台</a></li>
					<li><a href="javascript:;">声粉论坛</a></li>
					
				</ul>
			</div>
		</div>
	<!-- 导航结构···························································· -->
	</div>
<!-- 头部结构结束······························································ -->

<!-- ····························中间结构·································· -->
<div class="bodyWrap">
	<!-- 登录和轮播图··············································· -->
	<div class="jiaodian clearfix">
	<!-- 轮播图················································· -->
		<div id="slideBox" class="slideBox">
			<div class="hd">
				<ul><li></li><li></li><li></li><li></li></ul>
			</div>
			<div class="bd">
				<ul>
					<li><a href="javascript:;" target="_blank"><img src="images/banner1.jpg" /></a></li>
					<li><a href="http:javascript:;" target="_blank"><img src="images/banner1.jpg" /></a></li>
					<li><a href="http:javascript:;" target="_blank"><img src="images/banner1.jpg" /></a></li>
					<li><a href="http:javascript:;" target="_blank"><img src="images/banner1.jpg" /></a></li>
				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		</div>

		<script type="text/javascript">
		jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
		</script>
	<!-- 轮播图结束············································· -->
	<div class="zuixinfatie">
		<div class="slideTxtBox">
			<div class="hd">
				<ul><li>最新发帖</li></ul>
			</div>
			<div class="bd">
				<ul>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
				</ul>
				
			</div>
		</div>
	</div>
	<!-- 右侧焦点新闻··········································· -->
		<div class="slideTxtBox">
			<div class="hd">
				

				<ul><li>置顶主题</li><li>本月热帖</li><li>今日热帖</li></ul>
			</div>
			<div class="bd">
				<ul>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">中国打破了世界软件巨头规则</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">口语：会说中文就能说英语！</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">农场摘菜不如在线学外语好玩</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">学英语送ipad2,45天突破听说</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">学外语，上北外！</a></li>
					<li><span class="date">作者名字</span><a href="http://www.SuperSlide2.com" target="_blank">那些无法理解的荒唐事</a></li>
				</ul>
				<ul>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">耶鲁小子：教你备考SAT</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">施强：高端专业语言教学</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">数理化老师竟也看学习资料？</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">【推荐】名校英语方法曝光！</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012高考“考点”大曝光!!</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">涨价仍爆棚假日旅游冰火两重天</a></li>
				</ul>
				<ul>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">2012世界大学排名新鲜出炉</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">新加坡留学，国际双语课程</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">高考后留学日本名校随你选</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">教育培训行业优势资源推介</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">即刻预约今年最后一场教育展</a></li>
					<li><span class="date">2011-11-11</span><a href="http://www.SuperSlide2.com" target="_blank">女友坚持警局完婚不抛弃</a></li>
				</ul>
			</div>
		</div>
		<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
	<!-- 右侧焦点新闻结束······································· -->
	</div>


	<!-- 1234······················································ -->
	<div class="tongji">
		<ul>
			<li class="tie hui"><i>1</i>论坛总贴:<em>12345</em></li>
			<li class="line"></li>
			<li class="tie lv"><i>2</i>今日发帖:<em>12345</em></li>
			<li class="line"></li>
			<li class="tie lan"><i>3</i>会员总数:<em>12345</em></li>
			<li class="line"></li>
			<li class="tie cheng"><i>4</i>当前在线:<em>12345</em></li>
		
		</ul>



	</div>
	<!-- 1234结束······················································ -->
	<!-- 五大金刚······················································ -->
	<div class="wuda">
		<ul class="clearfix">
			<li>
				<h4>精华主题</h4>
				<ol>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>

				</ol>
			</li>
			
			<li>
				<h4>最新回复</h4>
				<ol>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>
					<li><a href="javascript:;">帖子标题帖子标题帖子标题</a></li>

				</ol>
			</li>
			<li>
				<h4>最新会员</h4>
				<ol>
					<li><a href="javascript:;">会员姓名</a><span>一分钟前</span></li>
					<li><a href="javascript:;">会员姓名</a><span>一分钟前</span></li>
					<li><a href="javascript:;">会员姓名</a><span>一分钟前</span></li>
					<li><a href="javascript:;">会员姓名</a><span>一分钟前</span></li>
					<li><a href="javascript:;">会员姓名</a><span>一分钟前</span></li>

				</ol>
			</li>
			<li>
				<h4>积分排行</h4>
				<ol>
					<li><i>1</i><a href="javascript:;">会员姓名</a><span>5分</span></li>
					<li><i>2</i><a href="javascript:;">会员姓名</a><span>4分</span></li>
					<li><i>3</i><a href="javascript:;">会员姓名</a><span>3分</span></li>
					<li><i>4</i><a href="javascript:;">会员姓名</a><span>2分</span></li>
					<li><i>5</i><a href="javascript:;">会员姓名</a><span>1分</span></li>

				</ol>
			</li>
		</ul>
		<script type="text/javascript">
			$('.wuda>ul>li').eq(4).css('marginRight', 0);




		</script>
	</div>















	<!-- 五大金刚结束··················································· -->
	<!-- 论坛版块分区························································· -->
	<div class="bankuaiWrap clearfix">
		<div class="bankuai">
			<div class="biaoti">
				<h2>论坛版块</h2>
			</div>
			<div class="content">
				<ul class="clearfix">
					<li class="clearfix">
						<div class="contentImg">
							<a href="javascript:;"><img src="images/icon11.jpg"   alt=""></a>
						</div>
						<div class="neirong">
							<h3><a href="javascript:;">乐迷互动</a></h3>
							<p>内容简介</p>
							<div class="zhutitie">
								<span>主题帖：1234</span><em>评论数：12345</em>
							</div>
							<div class="zuihoufatie">
								<span>今日新帖：123</span><em>最后发帖：2016-1-10 12:10</em>
							</div>
						</div>
					</li>
					<li class="clearfix">
						<div class="contentImg">
							<a href="javascript:;"><img src="images/icon22.jpg" height="98" width="98"  alt=""></a>
						</div>
						<div class="neirong">
							<h3><a href="javascript:;">学习交流</a></h3>
							<p>内容简介</p>
							<div class="zhutitie">
								<span>主题帖：1234</span><em>评论数：12345</em>
							</div>
							<div class="zuihoufatie">
								<span>今日新帖：123</span><em>最后发帖：2016-1-10 12:10</em>
							</div>
						</div>
					</li>
					<li class="clearfix">
						<div class="contentImg">
							<a href="javascript:;"><img src="images/icon33.jpg"  alt=""></a>
						</div>
						<div class="neirong">
							<h3><a href="javascript:;">乐器微信</a></h3>
							<p>内容简介</p>
							<div class="zhutitie">
								<span>主题帖：1234</span><em>评论数：12345</em>
							</div>
							<div class="zuihoufatie">
								<span>今日新帖：123</span><em>最后发帖：2016-1-10 12:10</em>
							</div>
						</div>
					</li>
					<li class="clearfix">
						<div class="contentImg">
							<a href="javascript:;"><img src="images/icon44.jpg"  alt=""></a>
						</div>
						<div class="neirong">
							<h3><a href="javascript:;">网站建议</a></h3>
							<p>内容简介</p>
							<div class="zhutitie">
								<span>主题帖：1234</span><em>评论数：12345</em>
							</div>
							<div class="zuihoufatie">
								<span>今日新帖：123</span><em>最后发帖：2016-1-10 12:10</em>
							</div>
						</div>
					</li>

				</ul>
			</div>
		</div>
		<div class="login">
			<div class="biaoti">
				<h2>关注我们</h2>
			</div>
			<div class="inLogin">
				
				<ul class="top01 clearfix">
					<li class="weibo"><a href=""><img src="images/weibo.png" height="56" width="56" alt=""><h4>官方微博</h4></a></li>
					<li><a href=""><img src="images/weixin.png" height="56" width="56" alt=""><h4>官方微信</h4></a></li>
				</ul>
				
				<ul class="top02">
					<li><a href="">&nbsp;&nbsp;&nbsp;我要发帖</a></li>
					<li class="qiandao"><a href="">&nbsp;&nbsp;&nbsp;点击签到</a></li>
				</ul>


			</div>

		</div>
	



	</div>










	<!-- 1234结束··················································· -->

<!-- 中间区域结束···························································· -->


</div>




<!-- ····························中间结构结束·································· -->	
<!-- 底部结构开始································································ -->
	<div class="footerWrap">
		<div class="footBian">
			<div class="footNavWrap clearfix">
				<div class="footNav clearfix">
					<dl>
						<dd><a href="javascript:;">音乐广场</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐资讯</a></dd>
						<dt><a href="javascript:;">音乐新闻</a></dt>
						<dt><a href="javascript:;">音乐资讯</a></dt>
						<dt><a href="javascript:;">音乐活动</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐名人</a></dd>
						<dt><a href="javascript:;">名人名家</a></dt>
						<dt><a href="javascript:;">音乐之星</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐老师</a></dd>
						<dt><a href="javascript:;">键盘老师</a></dt>
						<dt><a href="javascript:;">吉他老师</a></dt>
						<dt><a href="javascript:;">弦乐老师</a></dt>
						<dt><a href="javascript:;">管乐老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						<dt><a href="javascript:;">电声老师</a></dt>
						<dt><a href="javascript:;">民乐老师</a></dt>
						
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐教室</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐团</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐海选</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐乐谱</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐百科</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">音乐电台</a></dd>
						<dt><a href="javascript:;">视频</a></dt>
						<dt><a href="javascript:;">图片</a></dt>
						<dt><a href="javascript:;">音乐</a></dt>
					</dl>
					<dl>
						<dd><a href="javascript:;">声粉论坛</a></dd>
						
					</dl>
				</div>
				<div class="footCode clearfix">
					<div class="firstCode">
						<a href="javascript:;">
							<img src="images/foot_weixin.jpg" alt="">
							<h3>扫一扫关注微信</h3>
						</a>
					</div>
					<div class="secondCode">
						<a href="javascript:;">
							<img src="images/foot_app (1).jpg" alt="">
							<h3>扫一扫下载APP</h3>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footBtm clearfix">
				<div class="h1">
					<a href="javascript:;">
						<h1>好琴声</h1>
					</a>
				</div>
				<div class="lianxi">
					<div class="footTil">
						<span>好琴声</span>
						<i>0 2 1 - 6 7 7 0 3 9 5 6</i>
					</div>
					<div class="footcon">
						<p>Copyright © 2015 greattone.net All rights reserved. 好琴声版权所有</p>
						<p>沪ICP备09050100号</p>
						<p>公司总部地址：上海市金山区枫泾镇枫湾路531号科创小镇二楼 24小时服务热线：15216849061</p>
					</div>
				</div>
			</div>
		</div>
	</div>

<!-- 底部结构开始································································ -->


</body>
</html>